/*banner轮播*/
.homebanner {
    width: 100%;
	height:100%;
    position: relative;
}
.banner-box {
    width: 100%;
	height: 100%;
}
.homebanner ul {
	height: 100%;
    width: 100%;
}
.homebanner ul li {
    width: 100%;
    height:100%;
    overflow: hidden;
}
.homebanner ul li .mobile {
	max-width: 100%;
	max-height:100%;
}

/*banner视频播放*/
.homebanner ul li.slider {
	position:relative;
	width:100%;
	height:100%;
	background:#000;
}
.homebanner ul li.slider>a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
    height: 100%;
}
.homebanner ul li.slider .video {
    width: 100%;
}
.homebanner ul li.slider .video video {
	display:block;
    width: 100%;
}

.homebanner ul li.slider .twobanner-item-video{
    position: absolute;
    z-index: 1;
    top: 0%;
    left: 0;
    padding-top: 15%;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 100%;
    background-image: url(../images/zzc.png);
}

.homebanner ul li.slider .twobanner-item-video .p1 {
    font-size: 80px;
    color: #fff;
    font-family: 'Futura';
	transition-delay: 0.2s;
}
.homebanner ul li.slider .twobanner-item-video .p2 {
    font-size: 30px;
    color: #fff;
	padding:3% 0;
	transition-delay: 0.5s;
}
.homebanner ul li.slider .twobanner-item-video .p3 {
    font-size: 40px;
    color: #fff;
    font-family: 'Futura';
	transition-delay: 0.8s;
}
.homebanner ul li.slider .twobanner-item-video .p3 img {
	width:60px;
}
.homebanner ul li.slider .twobanner-item-video .p4 {
    font-size: 14px;
    color: #fff;
	padding:0.5% 0 0 0;
	transition-delay: 0.8s;
}
.homebanner ul li.slider .more {
    position: absolute;
    left: 0;
    bottom: 20%;
    z-index: 1;
	width:100%;
    text-align: center;
}
.homebanner ul li.slider .more img {
    width: 40px;
}
.homebanner ul li.slider .more p {
	padding:0.5% 0 0 0;
    font-size: 14px;
    color: #fff;
}

.homebanner ul li.slider .bottom{ 
	position:absolute; 
	bottom:5%; 
	left:0; 
	right:0;
	z-index: 999;
	text-align:center; 
	margin:0 auto;
	animation: cir-you 0.3s linear infinite;
}
@keyframes cir-you {
  0% {
      opacity:0.5;
      -webkit-transform: translate(0px,5px);
  }
  50% {
      opacity:1;
      -webkit-transform: translate(0px,10px);
  } 
  100% {
      opacity:1;
      -webkit-transform: translate(0px,5px);
  }
   
}

/*banner图导航按钮*/
.homebanner .swiper-pagination {
    bottom: 10% !important;
}
.homebanner .swiper-pagination-bullet {
    width: 10px;
    height: 3px;
    border-radius: 1px;
    background: #fff;
    opacity: 1;
    margin: 0 6px;
    padding:1px;
    position: relative;
    margin: 0 7px!important;
}
.homebanner .swiper-pagination-bullet-active {
    background: #ffc006;
}
.banner .page{
    width:100%;
}
.banner .page a{ 
    display:block;
    position:absolute;
    top:50%;
    width:41px;
    height:41px;
    z-index:99999;
}
.homebanner .page{ }
.homebanner .page a{ 
    display:block;
    position:absolute;
    top:50%;
    width:40px;
    height:40px;
    background:#000;
    z-index:99999;
}
.homebanner .page a.prev {
    left:5%;
    background: url(../images/next.png) no-repeat left center;
    transform: rotate(-180deg);
}
.homebanner .page a.next {
    right:5%;
    background: url(../images/next.png) no-repeat left center;
}
.homebanner .page a:hover {
    background: url(../images/next.png) no-repeat right center;
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.homebanner .page{ 
    display:none;
}
}
/*自适应样式 end*/


.twobanner-item {
    position:absolute;
    z-index:2;
    top:0%;
    left:0%;
	padding-top:10%;
	padding-left:15%;
    width:100%;
	height:100%;
    color:#fff;
	background: rgba(0,0,0,0.1);
}
.twobanner-item h1 {
    font-size:50px;
    font-weight:bold;
    padding:2% 0;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
	transition-delay: 0.2s;
}
.twobanner-item h2 {
    display:inline-block;
    padding:0 10px;
    font-size:60px;
    color:#fff;
    letter-spacing:0px;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position: relative;
	transition-delay: 0.2s;
}
.twobanner-item h2:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0%;
    width: 100%;
    height: 20px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.3s;
}
.twobanner-item h3 {
    font-size:40px;
    margin-top:10%;
	transition-delay: 0.6s;
}
.twobanner-item p {
    line-height:30px;
    font-size:24px;
    margin-top:2%;
	transition-delay: 0.8s;
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.homebanner ul li.slider .twobanner-item-video{
    padding-top: 50%;
}

.homebanner ul li.slider .twobanner-item-video .p1 {
    font-size: 40px;

}
.homebanner ul li.slider .twobanner-item-video .p2 {
    font-size: 20px;	
	padding:5% 0;
}
.homebanner ul li.slider .twobanner-item-video .p3 {
}
.homebanner ul li.slider .twobanner-item-video .p3 img {
	width:40px;
}
.homebanner ul li.slider .twobanner-item-video .p4 {
    font-size: 14px;
	padding:0.5% 0 0 0;
}
.homebanner ul li.slider .more {
    bottom: 20%;
}
.homebanner ul li.slider .more img {
    width: 30px;
}
.homebanner ul li.slider .more p {
    font-size: 14px;
}

	
	
	
.twobanner-item {
    position:absolute;
    z-index:2;
    width:100%;
	padding-top:50%;
	padding-left:0%;
    color:#fff;
    text-align:center;
}
.twobanner-item h1 {
    font-size:20px;
    font-weight:bold;
    padding:8% 0;
}
.twobanner-item h2 {
    font-size:34px;
    letter-spacing:0px;
}
.twobanner-item h2:after {
    bottom: -5%;
    height: 10px;
}
.twobanner-item h3 {
    font-size:16px;
	margin-top:10%;
}

.homebanner ul li.slider .bottom{ 
	bottom:30%; 
}
}
/*自适应样式 end*/



/*热销系列*/
.home-news-product {
    padding:0% 0;
}
.home-news-product .product-item {
	height: 100%;
    overflow: hidden;
    position:relative;
}
.home-news-product .product-item ul {}
.home-news-product .product-item ul li {
	width: 100%;
    height: 100%;
}
.home-news-product .product-item ul li .fix-word {
    width:100%;
	height:100%;
	padding:10% 10%;
	background: rgba(0,0,0,0.2);
}
.home-news-product .product-item ul li .fix-word .word {
	width:40%;
}
.home-news-product .product-item ul li .fix-word .word h3 {
	display:inline-block;
    font-size: 50px;
    color:#fff;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position: relative;
    padding-left: 5%;
	transition-delay: 0.5s;
}
.home-news-product .product-item ul li .fix-word .word h3 span {
    position: relative;
    z-index:2;
	transition-delay: 0.8s;
}
.home-news-product .product-item ul li .fix-word .word h3:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10%;
    width: 110%;
    height: 20px;
    background: #ffc006;
    z-index: 1;
    transition: all 0.3s;
}
.home-news-product .product-item ul li .fix-word .word h4 {
    font-size: 48px;
    color:#fff;
    text-transform: uppercase;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:10% 0 15% 0;
	transition-delay: 1s;
}
.home-news-product .product-item ul li .fix-word .word h5 {
    font-size: 20px;
    color:#fff;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:0 0 10% 0;
	transition-delay: 1.2s;
}
.home-news-product .product-item ul li .fix-word .word p {
    font-size: 14px;
    color:#fff;
	padding-right: 10%;
	transition-delay: 1.5s;
}
.home-news-product .product-item ul li .fix-word .word a {
    display:block;
    width:140px;
    height:42px;
    line-height: 42px;
    margin:15% 0  0 0;
    padding: 0 5%;
    -webkit-border-radius: 25px;
    background:#ffc006  url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
    color:#fff;
    transition: all 0.5s;
}
.home-news-product .product-item ul li .fix-word .word a:hover {
    background:#ffc006 url(../images/more-icon.png) no-repeat 90% center/10px;
}


.home-news-product .product-item .page {
	position: absolute;
    right: 20%;
    bottom: 5%;
    z-index: 2;
	width: 100px;
}
.home-news-product .product-item .page a {
    float:left;
    width:40px;
    height:40px;
    -webkit-border-radius: 50%;
    margin-right: 5%;
    position:relative;
    background:#ffc006 url(../images/sanjiao.svg)no-repeat center/10px;
	transform: rotate(-90deg);
}
.home-news-product .product-item .page a:last-child {
    transform: rotate(-270deg);
}
.home-news-product .product-item .page a:hover {
    background:#e1aa06 url(../images/sanjiao.svg)no-repeat center/12px;
}

/*自适应样式*/
@media screen and (max-width:1024px) {
.home-news-product {
}
.home-news-product .product-item {
	height: 100%;
}
.home-news-product .product-item ul {}
.home-news-product .product-item ul li {
	width: 100%;
    height: 100%;
}
.home-news-product .product-item ul li .fix-word {
    width:100%;
	height:100%;
	padding:50% 10% 0 10%;
	background: rgba(0,0,0,0.2);
}
.home-news-product .product-item ul li .fix-word .word {
	width:100%;
}
.home-news-product .product-item ul li .fix-word .word h3 {
    font-size: 28px;
}
.home-news-product .product-item ul li .fix-word .word h4 {
    font-size: 16px;
}
.home-news-product .product-item ul li .fix-word .word h5 {
    font-size: 20px;
}
.home-news-product .product-item ul li .fix-word .word p {
	display:none;
}
.home-news-product .product-item ul li .fix-word .word a {
    width:100px;
    height:30px;
    line-height:30px;
	margin-top:50%;
    font-size: 12px;
	color:#fff;
    background:#ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
}
.home-news-product .product-item .page {
	display:none;
}
}
/*自适应样式 end*/
/*4大产品解读*/
.technology {
	width:100%;
	height:100%;
}
.technology .item {
	width:100%;
	height:100%;
    position:relative;
    overflow:hidden;
}
.technology .item-top {
	width:100%;
	height:100%;
}
.technology .item-top ul {}
.technology .item-top ul li {
	width:100%;
	height:100%;
    position:relative;
}
.technology .item-top ul li .item-word {
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    padding:8% 8%;
}
.technology .item-top ul li .item-word .p1 {
    font-size: 48px;
    color:#fff;
    line-height: 1.6;
    text-transform: uppercase;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:10% 0 15% 0;
	transition-delay: 0.5s;
}
.technology .item-top ul li .item-word .p2 {
    font-size: 38px;
    color:#fff;
    text-transform: uppercase;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:10% 0 8% 0;
	transition-delay: 0.8s;
}
.technology .item-top ul li .item-word .p3 {
    width:30%;
    height:10px;
    background:#ffc006;
	transition-delay: 1s;
}
.technology .item-top ul li .item-word .p4 {
    font-size: 14px;
    color:#fff;
    margin:10% 0 0% 0;
	transition-delay: 1.5s;
}
/*sipwer导航*/
.technology .item-top .swiper-pagination {
    bottom: 5% !important;
}
.technology .item-top .swiper-pagination-bullet {
    width: 10px;
    height: 5px;
    border-radius: 1px;
    background: #fff;
    opacity: 1;
    margin: 0 6px;
    padding:1px;
    position: relative;
    margin: 0 7px!important;
}
.technology .item-top .swiper-pagination-bullet-active {
    background: #ffc006;
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.technology {
}
.technology .item {
}
.technology .item-top {
}
.technology .item-top ul {}
.technology .item-top ul li {
}
.technology .item-top ul li .item-word {
	width: 100%;
    padding:20% 8%;
}
.technology .item-top ul li .item-word .p1 {
    font-size: 20px;
    line-height:1.6;
    margin:10% 0 15% 0;
}
.technology .item-top ul li .item-word .p2 {
    font-size: 28px;
    color:#fff;
    text-transform: uppercase;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:10% 0 8% 0;
	transition-delay: 0.8s;
}
.technology .item-top ul li .item-word .p3 {
    width:30%;
    height:5px;
}
.technology .item-top ul li .item-word .p4 {
    font-size: 12px;
	line-height:1.4;
    margin:10% 0 0% 0;
}
/*sipwer导航*/
.technology .item-top .swiper-pagination-bullet {
    width: 3px;
    height:3px;
}
}
/*自适应样式 end*/
/*招商加盟*/
.join {}
.join .join-item {
    width:100%;
	height:100%;
    overflow:hidden;
}
.join .join-item ul {}
.join .join-item ul li {
    position:relative;
}
.join .join-item ul li img {}
.join .join-item ul li .item {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 70%;
    max-width: 600px;
    max-height: 600px;
    padding: 3% 3%;
    background: rgba(21, 57, 108, 0.8);
}
.join .join-item ul li .item h3 {
	display:inline-block;
    font-size: 38px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin: 10% 0 8% 0;
	position:relative;
	z-index: 1;
}
.join .join-item ul li .item h3:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10%;
    width: 100%;
    height: 20px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.3s;
}
.join .join-item ul li .item p {
    font-size: 14px;
    color: #fff;
}

.join .join-item ul li .item .more {}
.join .join-item ul li .item .more a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin: 15% 0 0 0;
    padding: 0 5%;
    -webkit-border-radius: 25px;
    background: #ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
}
.join .join-item ul li .item .more a:hover {
    background: #e1aa06 url(../images/more-icon.png) no-repeat 90% center/10px;
}

.join .join-item .swiper-page {
	position: absolute;
    right: 20%;
    bottom: 5%;
    z-index: 2;
	width: 100px;
}
.join .join-item .swiper-page a {
    float:left;
    width:40px;
    height:40px;
    -webkit-border-radius: 50%;
    margin-right: 5%;
    position:relative;
    background:#ffc006 url(../images/sanjiao.svg)no-repeat center/10px;
	transform: rotate(-90deg);
}
.join .join-item .swiper-page a:last-child {
    transform: rotate(-270deg);
}
.join .join-item .swiper-page a:hover {
    background:#e1aa06 url(../images/sanjiao.svg)no-repeat center/12px;
}
.join .item-store {
    position: absolute;
    top: 20%;
    left: 10%;
    width: 100%;
    max-width: 700px;
    padding: 3% 3%;
	*background: rgba(21, 57, 108, 0.9);
}
.join .item-store .tit-top {
}
.join .item-store .tit-top h3 {
    font-size: 48px;
    color: #fff;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
}
.join .item-store .tit-top h4 {
    font-size: 36px;
    color: #ffc006;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:10% 0 10% 0;
    padding-left: 10%;
    position:relative;
}
.join .item-store .tit-top h4:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom:0px;
    width: 10px;
    height: 100%;
    background: #ffc006;
    z-index: 1;
    transition: all 0.3s;
}
.join .item-store .item-box {}
.join .item-store .item-box ul {}
.join .item-store .item-box ul li {
    float:left;
    width:50%;
}
.join .item-store .item-box ul li i {
    display:block;
    width:40%;
    margin:0 auto;
    position:relative;
}
.join .item-store .item-box ul li i img {
    position:relative;
    z-index: 1;
}
.join .item-store .item-box ul li i:before {
    content: "";
    position: absolute;
    left: 5%;
    top: 30%;
    width: 50px;
    height: 50px;
    background: #ffc006;
    z-index: 0;
    transition: all 0.3s;
}
.join .item-store .item-box ul li h4 {
    font-size: 24px;
    color: #ffc006;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    text-align: center;
}
.join .item-store .item-box ul li h5 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding:8% 0;
}
.join .item-store .item-box ul li p {
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.join .item-store .more {}
.join .item-store .more a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin: 15% 0 0 0;
    padding: 0 5%;
    -webkit-border-radius: 25px;
    background: #ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
}
.join .item-store .more a:hover {
    background: #e1aa06 url(../images/more-icon.png) no-repeat 90% center/10px;
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.join {}
.join .join-item {
}
.join .join-item ul {}
.join .join-item ul li {
    position:relative;
}
.join .join-item ul li .item {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
	height: 100%;
    max-width: 1000px;
    max-height: 1000px;
    padding: 30% 10%;
    background: rgba(21, 57, 108, 0.8);
}
.join .join-item ul li .item h3 {
    font-size: 28px;
}
.join .join-item ul li .item h3:after {
    bottom: -10%;
    width: 100%;
    height: 10px;
}
.join .join-item ul li .item p {
    font-size: 12px;
}
.join .join-item .swiper-page {
	position: absolute;
    right: 2%;
    bottom: 2%;
    z-index: 2;
	width: 100px;
}
.join .join-item .swiper-page a {
    float:left;
    width:40px;
    height:40px;
    -webkit-border-radius: 50%;
    margin-right: 5%;
    position:relative;
    background:#ffc006 url(../images/sanjiao.svg)no-repeat center/10px;
	transform: rotate(-90deg);
}
.join .join-item .swiper-page a:last-child {
    transform: rotate(-270deg);
}
.join .join-item .swiper-page a:hover {
    background:#ffc006 url(../images/sanjiao.svg)no-repeat center/10px;
}
.join .item-store {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
	height: 100%;
    max-width: 1000px;
    padding: 30% 3%;
	background: rgba(21, 57, 108, 0.9);
}
.join .item-store .tit-top {
}
.join .item-store .tit-top h3 {
    font-size: 20px;
    color: #fff;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
}
.join .item-store .tit-top h4 {
    font-size: 30px;
    color: #ffc006;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:10% 0 10% 0;
    padding-left: 10%;
    position:relative;
}
.join .item-store .tit-top h4:before {
    content: "";
    position: absolute;
    left: 0px;
    bottom:0px;
    width: 10px;
    height: 100%;
    background: #ffc006;
    z-index: 1;
    transition: all 0.3s;
}
.join .item-store .item-box {}
.join .item-store .item-box ul {}
.join .item-store .item-box ul li {
    float:left;
    width:50%;
}
.join .item-store .item-box ul li i {
    display:block;
    width:30%;
    margin:5% auto;
    position:relative;
}
.join .item-store .item-box ul li i img {
    position:relative;
    z-index: 1;
}
.join .item-store .item-box ul li i:before {
    content: "";
    position: absolute;
    left: 5%;
    top: 30%;
    width: 20px;
    height: 20px;
    background: #ffc006;
    z-index: 0;
    transition: all 0.3s;
}
.join .item-store .item-box ul li h4 {
    font-size: 20px;
    color: #ffc006;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    text-align: center;
}
.join .item-store .item-box ul li h5 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding:8% 0;
}
.join .item-store .item-box ul li p {
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.join .item-store .more {}
.join .item-store .more a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin: 15% 0 0 0;
    padding: 0 5%;
    -webkit-border-radius: 25px;
    background: #ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
}
}
/*自适应样式 end*/
.about {
    padding:3% 0;
	background:#fff url(../images/home-about-bg.jpg) no-repeat center/cover;
}
.about-box {
	margin: 10% 0 0 0;
}
.about-box .tit {
    text-align: center;
}
.about-box .tit h4 {
    font-size: 30px;
    color:#000;
}
.about-box .tit h5 {
    display:inline-block;
    padding:0 1%;
    font-size: 36px;
    color: #133a6b;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position:relative;
    margin:3% 0;
}
.about-box .tit h5:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10%;
    width: 100%;
    height: 20px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.3s;
}
.about-box .tit .p1 {
    font-size: 14px;
    color: #cacaca;
    text-transform: uppercase;
}
.about-box .tit .p2 {
    width:60%;
    max-width: 600px;
    height:1px;
    background:#cacaca;
    margin:1% auto;
}
.about-box .tit .p3 {
    font-size: 14px;
    color: #999;
}
.about-box .number-box {
    margin-top: 4%;
}
.about-box .number-box ul {
    text-align: center;
}
.about-box .number-box ul li {
    display:inline-block;
    padding:0 5%;
}
.about-box .number-box ul li .icon {
    width: 50px;
    margin:10% auto;
}
.about-box .number-box ul li .top {
}
.about-box .number-box ul li .top .number {
    font-size: 56px;
    color: #133a6b;
    font-weight: bold;
    font-family: 'Futura';
}
.about-box .number-box ul li .top p {
    display:inline-block;
}
.about-box .number-box ul li .top span {
    display:block;
    font-size: 18px;
    color: #133a6b;
}
.about-box .number-box ul li .bottom {
    font-size: 16px;
    color: #b4b4b4;
    margin-top:8%;
}
.about-box .more {
    margin-top: 8%;
	transition: all 1s;
}
.about-box .more a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin:0 auto;
    padding: 0 2%;
    -webkit-border-radius: 25px;
    background: #ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
    color: #fff;
    transition: all 0.5s;
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.about {
    padding:0% 0;
}
.about-box {
	margin: 0% 0 0 0;
	padding: 30% 0;
}
.about-box .tit {
    text-align: center;
}
.about-box .tit h4 {
    font-size: 20px;
    color:#000;
}

.about-box .tit h5 {
    font-size: 28px;
    margin:6% 0;
}
.about-box .tit h5:after {
    bottom: -10%;
    height: 10px;
}
.about-box .tit .p1 {
    font-size: 14px;
    color: #cacaca;
    text-transform: uppercase;
}
.about-box .tit .p2 {
    width:60%;
    max-width: 600px;
    height:1px;
    background:#cacaca;
    margin:1% auto;
}
.about-box .tit .p3 {
	display:none;
    font-size: 12px;
}
.about-box .number-box {
    margin-top: 4%;
}
.about-box .number-box ul {
    text-align: center;
	overflow:hidden;
}
.about-box .number-box ul li {
    display:block;
	float:left;
	width:50%;
    padding:2% 5%;
}
.about-box .number-box ul li .icon {
    width: 30px;
    margin:10% auto 0;
}
.about-box .number-box ul li .top {
}
.about-box .number-box ul li .top .number {
    font-size: 32px;
    color: #133a6b;
    font-weight: bold;
    font-family: 'Futura';
}
.about-box .number-box ul li .top p {
    display:inline-block;
}
.about-box .number-box ul li .top span {
    font-size: 12px;
}
.about-box .number-box ul li .bottom {
    font-size: 12px;
    margin-top:2%;
}
.about-box .more {
    margin-top: 8%;
	transition: all 1s;
}
.about-box .more a {
    padding: 0 8%;
}
}
/*自适应样式 end*/
.news {
    padding:2% 0;
}
.news .tit {
    margin:2% 0 4% 0;
}
.news .tit h4 {
    display: inline-block;
    padding: 0 0.5%;
    font-size: 36px;
    color: #133a6b;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    position: relative;
    margin: 2% 0;
}
.news .tit h4:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10%;
    width: 100%;
    height: 20px;
    background: #ffc006;
    z-index: -1;
    transition: all 0.3s;
}
.news .tit h5 {
    font-size: 18px;
    color: #666;
}
.news .news-box {}
.news .news-box .news-left {
    float:left;
    width:46.5%;
    position: relative;
}
.news .news-box .news-left .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 59%;
	overflow: hidden;
    z-index: 1;
}
.news .news-box .news-left .pic img {
    position:absolute;
    top:0;
    left:0;
	width:100%;
	height:100%;
}
.news .news-box .news-left .word {
    position:absolute;
    top:10%;
    left:6%;
    width:280px;
    height:340px;
    background:#fff;
    padding:4%;
    z-index: 1;
}
.news .news-box .news-left .word h5 {
    font-size: 16px;
    color:#232323;
    line-height: 1.6;
	position:relative;
}
.news .news-box .news-left .word time {
    display:block;
    font-size: 14px;
    color:#666;
    font-family: 'Futura';
    margin:5% 0 10% 0;
}
.news .news-box .news-left .word p {
    font-size: 12px;
    color:#b4b4b4;
}
.news .news-box .news-left .word span {
    display:block;
    width:36px;
    height:36px;
    margin-top: 10%;
    background: #ffc006 url(../images/jiantou.svg) no-repeat center center/20px;
}
.news .news-box .news-right {
    float:right;
    width:50%;
}
.news .news-box .news-right ul {}
.news .news-box .news-right ul li {
    margin-bottom: 7%;
    overflow:hidden;
}
.news .news-box .news-right ul li .pic {
    float:left;
    width:21%;
	max-height:96px;
	overflow:hidden;
}
.news .news-box .news-right ul li .pic img {
	width:100%;
	height:100%;
}
.news .news-box .news-right ul li .word {
    float:right;
    width:75%;
}
.news .news-box .news-right ul li .word time {
    display:block;
    float:left;
    width:20%;
    margin:2% 0;
    position:relative;
}
.news .news-box .news-right ul li .word time:after {
    content: "";
    position: absolute;
    right: 30%;
    top: 0%;
    width: 1px;
    height: 100%;
    background: #999;
    z-index: -1;
    transition: all 0.3s;
}
.news .news-box .news-right ul li .word .txt {
    float:left;
    width:80%;
}
.news .news-box .news-right ul li .word time span {
    display:block;
}
.news .news-box .news-right ul li .word time span.top {
    font-size: 40px;
    color: #999;
    font-family: 'Futura';
    margin-bottom: 15px;
}
.news .news-box .news-right ul li .word time span.bottom {
    font-size: 14px;
    color: #999;
    font-family: 'Futura';
}
.news .news-box .news-right ul li .word .txt h6 {
	display:inline-block;
    font-size: 16px;
    color:#0e396e;
    margin:2% 0 2% 0;
	 position:relative;
}
.news .news-box .news-right ul li .word .txt h6:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -10%;
    width: 0%;
    height: 5px;
    background: #ffc006;
    z-index: -1;
    transition: all 1s;
}
.news .news-box .news-right ul li:hover .word .txt h6:after {
    width: 100%;
}
.news .news-box .news-right ul li .word .txt p {
    font-size: 12px;
    color:#999;
}
.news .more {
    margin-top: 3%;
}
.news .more a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
	-webkit-border-radius: 25px;
    margin:0 auto;
    padding: 0 2%;
    background: #ffc006 url(../images/more-icon.png) no-repeat 80% center/10px;
	font-size:14px;
	color:#fff;
}
/*自适应样式*/
@media screen and (max-width:1024px) {
.news {
    padding:0% 0;
    background: #f6f6f6;
}
.news .tit {
    margin:10% 0 4% 0;
}
.news .tit h4 {
    font-size: 20px; 0;
}
.news .tit h4:after {
    height: 10px;
}
.news .tit h5 {
    font-size: 14px;
}
.news .news-box {}
.news .news-box .news-left {
	display:none;
    float:left;
    width:100%;
    position: relative;
}
.news .news-box .news-left .pic {
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 59%;
	overflow: hidden;
    z-index: 1;
}
.news .news-box .news-left .pic img {
    position:absolute;
    top:0;
    left:0;
}
.news .news-box .news-left .word {
    position:absolute;
    top:10%;
    left:6%;
    width:280px;
    height:340px;
    background:#fff;
    padding:4%;
    z-index: 1;
}
.news .news-box .news-left .word h5 {
    font-size: 16px;
    color:#232323;
    line-height: 1.6;
	position:relative;
}
.news .news-box .news-left .word time {
    display:block;
    font-size: 14px;
    color:#666;
    font-family: 'Futura';
    margin:5% 0 10% 0;
}
.news .news-box .news-left .word p {
	display:none;
}
.news .news-box .news-left .word span {
    display:block;
    width:36px;
    height:36px;
    margin-top: 10%;
    background: #ffc006 url(../images/jiantou.svg) no-repeat center center/20px;
}
.news .news-box .news-right {
    float:right;
    width:100%;
    margin: 5% 0 0 0;
}
.news .news-box .news-right ul {}
.news .news-box .news-right ul li {
    margin-bottom: 7%;
    overflow:hidden;
    background: #fff;
}
.news .news-box .news-right ul li .pic {
    width:40%;
}
.news .news-box .news-right ul li .pic img {
	width:100%;
	height:100%;
}
.news .news-box .news-right ul li .word {
    width:60%;
    padding:5% 2%;
}
.news .news-box .news-right ul li .word time {
    display:none;
}
.news .news-box .news-right ul li .word .txt {
    width:100%;
}
.news .news-box .news-right ul li .word .txt h6 {
	display:inline-block;
    font-size: 16px;
    color:#3a3a3a;
    margin:0;
	position:relative;
}
.news .news-box .news-right ul li:hover .word .txt h6:after {
    width: 100%;
}
.news .news-box .news-right ul li .word .txt p {
	display:none;
    font-size: 12px;
    color:#999;
}
.news .more {
    margin-top: 3%;
}
.news .more a {
    display: block;
    width: 140px;
    height: 42px;
    line-height: 42px;
    margin:0 auto;
    padding: 0 8%;
    background: #133a6b url(../images/more-icon.png) no-repeat 80% center/10px;
    font-size: 14px;
}
}
/*自适应样式 end*/



/*通知声明*/
.fixed-shengming {
	position: fixed;
    z-index: 1000;
    width: 300px;
    bottom: 0%;
    right: 0px;
   	opacity:1;
	transition: all 5s;
	cursor:pointer;
    background: rgba(0, 0, 0, 0.2);
}
.close-fixed-shengming {
	height: 0%;
    width: 0%;
    top: 50%;
    right: -50%;
	opacity:0;
}
.fixed-shengming .shengming {
    width: 100%;
	max-width:600px;
    *margin: 10% auto;
    *padding: 20px;
    background: #fff;
    position: relative;
	transition: all 5s;
}
.close-fixed-shengming .fixed-shengming .shengming{
	width: 0%;
	padding: 0px;
}
.fixed-shengming .shengming .closeshengming {
    width: 26px;
    height: 26px;
    position: absolute;
    z-index: 2;
    left: -43px;
    top: -33px;
    cursor: pointer;
	font-size:18px;
	color:#fff;
    *background: url(../images/close.png) no-repeat left top;
}
/*通知声明 end*/